<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>{$site_name}</title>
    <!-- CSS -->
    <!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
    <link rel="stylesheet" href="{url:#css/materialize.min.css}"/>
    <link rel="stylesheet" href="{url:#css/flexslider.css}" type="text/css">
    <link rel="stylesheet" href="{url:#css/me.css}"/>
    <link rel="stylesheet" href="{url:#css/iconfont.css}"/>
    <!-- JS -->
    <script src="{url:#js/jquery-1.11.3.min.js}"></script>
    <script src="{url:#js/materialize.min.js}"></script>
    <script src="{url:#js/jquery.flexslider.js}"></script>
    <script src="{url:#js/home/index.js}" charset="UTF-8"></script>
</head>
<body>
<!-- TitleBar 开始 -->
<div class="navbar-fixed">
    <nav>
        <div class="nav-wrapper w-nav-color accent-4 valign-wrapper">

            <ul class="left" id="nav-btn-left">
                <li><a><i class="iconfont">&#xe661;</i></a></li>
            </ul>

            <div class="title-bar-size w-search-top">
                <form>
                    <input type="text" placeholder="搜索产品或商家"/>
                    <button><i class="material-icons" style="line-height: 35px;font-size: 1.3em;">search</i></button>
                </form>
            </div>

            <div class="right" id="nav-btn-right" style="width: 70px;height: 56px;line-height: 56px;">
                <a>
                    <i class="material-icons" style="display: inline-block;font-size: 1.3em;">location_on</i>
                    <span style="font-size: 1.3em;position: relative;top:-3px;">郑州</span>
                </a>
            </div>

        </div>
    </nav>
</div>
<!-- TitleBar 结束 -->
<!-- 广告轮播 开始 -->
<div class="flexslider mgr-0 no-border">
    <ul class="slides">
    	{list:items=$slide_list}
    		<li class="w-slides-item"><img src="./{$item['path']}"/></li>
    	{/list}
    	<!-- 
        <li class="w-slides-item"><img src="{url:#images/temp/1.png}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/2.jpg}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/3.jpg}"/></li>
        <li class="w-slides-item"><img src="{url:#images/temp/4.jpg}"/></li>
        -->
    </ul>
</div>
<!-- 广告轮播 结束 -->
<!-- 主页分类 -->
<div class="row home_ico_menu">
    <div class="row" style="margin-bottom: 10px">
        <div class="col s3 center"><img src="{url:#images/home.png}"/><br/>
            <span>会员中心</span></div>
        <div class="col s3 center"><img src="{url:#images/cart.png}"/><br/>
            <span>购物中心</span></div>
        <div class="col s3 center"><img src="{url:#images/document.png}"/><br/>
            <span>我的订单</span></div>
        <div class="col s3 center"><img src="{url:#images/icon.png}"/><br/>
            <span>推广会员</span></div>
    </div>
    <div class="row" style="margin-bottom: 0px;">
        <div class="col s3 center"><img src="{url:#images/book.png}"/><br/>
            <span>公司简介</span></div>
        <div class="col s3 center"><img src="{url:#images/bell.png}"/><br/>
            <span>新闻动态</span></div>
        <div class="col s3 center"><img src="{url:#images/shopping.png}"/><br/>
            <span>商业区</span></div>
        <div class="col s3 center"><img src="{url:#images/trading.png}"/><br/>
            <span>创业资助</span></div>
    </div>
</div>
<div class="divider" style="margin-bottom:10px;"></div>
<!-- 主页分类结束 -->

<!-- 商品列表 -->
<div class="product_list">
	{set:$color_arr=array('fa04bd','8904fa','0ba5e5','04CCAD','E35702','a35015','d473da','003cff','ff0000','51ff00')}
	{list:items=$category_dp_list item=$dp_item key=$i}
    <div class="product_item">
        <div class="row"
             style="margin-bottom: 5px; padding-top: 10px; padding-bottom: 5px;border-bottom: dashed #ccc 1px;">
            <div class="valign-wrapper" style="position: relative;">
                <div style="position: absolute;color: white; line-height: 25px;left: 5px; top:2px;">{echo:$i+1}F</div>
                 
                <img src="{url:#images/}/{echo:$i+1}F.png" style="width: 35px; height: 25px;">
                
                <span class="col s8 left-align title" style="font-size: 14px;font-weight: bold;">
                <!-- 
                <span style="color: #fa04bd">电子</span>产品
                -->
                {echo:mb_substr($dp_item['category_name'],0,10,'utf-8')}</span>
                <span class="col s4 right-align more">更多<i class="iconfont" style="font-size:1.0em">&#xe621;</i></span>
            </div>
        </div>

        <div class="product">
            <div class="row" style="margin-bottom: 0px;">
            
            	{list:items=$dp_item['dp_list']}
            		<div class="col s4" detail="product_detail.html">
            			<a href="{url:/mobile/dp_detail/dp_id/$item[did]}">
                    		<img class="responsive-img" src="{url:@$item[dp_logo]}" style="width:100%;height:90px;"/>
                    	</a>
                    	<div class="truncate name" style="background: #{$color_arr[$i]}">
                    		{echo:mb_substr($item['dp_name'],0,6,'utf-8')}
                    	</div>
                    	
                	</div>
            	{/list}
            	
            	<!-- 
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_1.jpg}"/>
                    <div class="truncate name" style="background: #fa04bd">小米科技</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_2.jpg}"/>
                    <div class="truncate name" style="background: #fa04bd">华为手机</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_3.jpg}"/>
                    <div class="truncate name" style="background: #fa04bd">阿里巴巴</div>
                </div>
                -->
            </div>
        </div>
    </div>
     
    <div style="margin-top:10px; margin-bottom:10px;height: 1px;border-bottom: dashed #ccc 1px;"></div>
    {/list}
    <!--
    <div class="product_item">
        <div class="row"
             style="margin-bottom: 5px; padding-top: 10px; padding-bottom: 5px;border-bottom: dashed #ccc 1px;">
            <div class="valign-wrapper" style="position: relative;">
                <div style="position: absolute;color: white; line-height: 25px;left: 5px; top:2px;">2F</div>
                <img src="{url:#images/2F.png}" style="width: 35px; height: 25px;">
                <span class="col s8 left-align title" style="font-size: 14px;font-weight: bold;"><span
                        style="color: #8904fa;">电子</span>产品</span>
                <span class="col s4 right-align more">更多<i class="iconfont" style="font-size:1.0em">&#xe621;</i></span>
            </div>
        </div>

        <div class="product">
            <div class="row" style="margin-bottom: 0px;">
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_1.jpg}"/>
                    <div class="truncate name" style="background: #8904fa">小米科技</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_2.jpg}"/>
                    <div class="truncate name" style="background: #8904fa">华为手机</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_3.jpg}"/>
                    <div class="truncate name" style="background: #8904fa">阿里巴巴</div>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-top:10px; margin-bottom:10px;height: 1px;border-bottom: dashed #ccc 1px;"></div>
    <div class="product_item">
        <div class="row"
             style="margin-bottom: 5px; padding-top: 10px; padding-bottom: 5px;border-bottom: dashed #ccc 1px;">
            <div class="valign-wrapper" style="position: relative;">
                <div style="position: absolute;color: white; line-height: 25px;left: 5px; top:2px;">3F</div>
                <img src="{url:#images/3F.png}" style="width: 35px; height: 25px;">
                <span class="col s8 left-align title" style="font-size: 14px;font-weight: bold;"><span
                        style="color: #0ba5e5;">电子</span>产品</span>
                <span class="col s4 right-align more">更多<i class="iconfont" style="font-size:1.0em">&#xe621;</i></span>
            </div>
        </div>

        <div class="product">
            <div class="row" style="margin-bottom: 0px;">
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_1.jpg}"/>
                    <div class="truncate name" style="background: #0ba5e5">小米科技</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_2.jpg}"/>
                    <div class="truncate name" style="background: #0ba5e5">华为手机</div>
                </div>
                <div class="col s4" detail="product_detail.html">
                    <img class="responsive-img" src="{url:#images/temp/product_3.jpg}"/>
                    <div class="truncate name" style="background: #0ba5e5">阿里巴巴</div>
                </div>
            </div>
        </div>
    </div>
    -->
</div>

</body>
</html>
